
.login {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 100%;
  height: 100%;
  background:
    linear-gradient(limegreen, transparent),
    linear-gradient(90deg,skyblue, transparent),
    linear-gradient(-90deg,coral,transparent);
  background-blend-mode: screen;
  .login-form {
    width: 480px;
    min-height: 200px;
    padding: 70px 40px 40px;
    background: #fff;
    border-radius: 16px;
    box-shadow:0 12px 18px 2px rgba(34,0,51,.04),0 6px 22px 4px rgba(7,48,114,.12),0 6px 10px -4px rgba(14,13,26,.12);
  }
}

 @media only screen and (max-width: 768px) {
  
}

@media only screen and (min-width: 779px) {
  
}

.validate {
  padding: 15px 30px 30px 30px;
  z-index: 999;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 8px rgb(122 122 122 / 40%);
  background: white;

  .head {
    overflow: hidden;
    padding-bottom: 10px;
    font-size: 15px;

    .left {
      color: #666666;
    }

    .right {
      font-size: 20px;
      cursor: pointer;
    }
  }
}

